<template v-cloak>
  <view class="log">
    <view class="item br10" v-for="(v, i) in list" :key="v.id">
      <view class="title">
        {{ v.title }}
      </view>
      <view class="detail">
        <view class="detail-item" v-if="v.detail.length > 1">
          <view class="" v-for="(item, index) in v.detail" :key="v.id">
            <view class="items"> {{ index + 1 }}. {{ item.title }} </view>
          </view>
          <view class="intro color" v-if="v.intro">
            {{ v.intro }}
          </view>
        </view>
        <view class="detail-item" v-else>
          <view class="" v-for="(item, index) in v.detail" :key="v.id">
            <view class="items">
              {{ item.title }}
            </view>
          </view>
          <view class="intro color" v-if="v.intro">
            {{ v.intro }}
          </view>
        </view>
      </view>
    </view>
    <u-no-network></u-no-network>
  </view>
</template>
<script>
export default {
  data() {
    return {
      list: [
        // {
        //   id: 7,
        //   title: "前端知识 2.0.1版本更新记录（2022-01-22更新）",
        //   detail: [
        //     { title: "修复已知问题" },
        //     { title: "新增断网后样式以及页面加载样式" },
        //     { title: "修复用户昵称含有表情登录失败问题" },
        //     { title: "新增发现模块，含有标签，分类快速定位查找" },
        //     { title: "新增文章分享海报功能" },
        //   ],
        // },
        // {
        //   id: 6,
        //   title: "前端知识 1.1.4版本更新记录（2022-01-15更新）",
        //   detail: [{ title: "版本主题更新" }],
        // },
        // {
        //   id: 5,
        //   title: "前端知识 1.1.1版本更新记录（2021-12-28更新）",
        //   detail: [{ title: "修复已知问题" }],
        // },
        // {
        //   id: 4,
        //   title: "前端知识 1.1.0版本更新记录（2021-12-27更新）",
        //   detail: [
        //     { title: "修复已知问题" },
        //     { title: "新增文章分享好友功能" },
        //   ],
        // },

        // {
        //   id: 3,
        //   title: "前端知识 1.0.2版本更新记录（2021-12-25更新）",
        //   detail: [
        //     { title: "修复已知问题" },
        //     { title: "新增分享小程序功能" },
        //     { title: "新增提示用户更新功能" },
        //     { title: "新增小程序版本号功能" },
        //     {
        //       title:
        //         "新增点击作品查看APP，点击弹出二维码，可在应用市场下载体验",
        //     },
        //   ],
        // },

        // {
        //   id: 2,
        //   title: "前端知识 1.0.1版本更新记录（2021-12-24更新）",
        //   detail: [{ title: "修复已知问题" }],
        // },
        {
          id: 1,
          title: "前端知识 1.0.0版本更新记录（2022-01-23更新）",
          detail: [{ title: "希望更多的开发者来小程序找到自己需要的答案" }],
          intro: "前端知识 小程序正式上线，欢迎更多的技术开发者。",
        },
      ],
    }
  },
}
</script>

<style lang="scss" scoped>
.log {
  padding: 20upx;
  .item {
    padding: 20upx;
    background: #fff;
    margin-bottom: 20upx;

    .title {
      font-size: 24upx;
      font-weight: 600;
      margin-bottom: 10upx;
    }
    .detail {
      .detail-item {
        font-size: 22upx;
        line-height: 36upx;
        color: #666666;
        .intro {
          padding-top: 12upx;
          color: #8486f8;
          text-align: center;
        }
      }
    }
  }
}
</style>
